<!--
 * @Author: your name
 * @Date: 2020-12-21 15:20:15
 * @LastEditTime: 2020-12-22 16:42:19
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jQueryd:\vue\QF\index.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=s, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />
    <!-- icon -->
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/font_2283800_ngad0k2k0oi.css"
    />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
      integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
      crossorigin="anonymous"
    ></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
      crossorigin="anonymous"
    />
  </head>
  <body>
    <div id="box">
      <mybox></mybox>
      <mytop :title="{title:'产品介绍',}">
        <!-- mybox 产品介绍 -->
        <div slot="content">
          亲，本版本是最简单的单页式模板，不需要创建内页一般来说，<br />只要半天就可以完成对这个模板的设定哦
        </div>
        <slot name="tp">
          <img
            src="https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cDovLzU1OWE0NDdjNzMyZWUudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxNC8wNi9iNTljNjdiZjE5NmE0NzU4MTkxZTQyZjc2NjcwY2ViYS5qcGc_p_p100_p_3D.jpg"
            alt=""
        /></slot>
      </mytop>
      <mytop :title="{title:'模板功能'}">
        <!-- 模板功能 -->
        <div slot="content">
          这些文字都是可以根据您的需要自行更改的，所以不要怕和您的需要不一样哦.<br />图片的话都没有具体的大小要求，合适就好，开心就好
        </div>
        <myli></myli>
      </mytop>
      <gywm></gywm>
      <mytop :title="{title:'我们的团队'}">
        <!-- 模板功能 -->

        <div slot="content">
          介绍一下您的强大的团队吧。几行热情的自我介绍可以迅速的拉近您和访客的距离。
        </div>
        <tem></tem>
      </mytop>
      <hp :title="{title:'产品销售'}"></hp>

      <mytop :title="{title:'项目展示'}">
        <!-- 模板功能 -->
        <div slot="content">
          一个没打过仗的军队很难有说服力，当然打了很多败仗的故事也不会增加任何说服力。所以说说您成功的项目经验吧，如果没有，也可以有哦。
        </div>
        <xmzs></xmzs>
      </mytop>

      <cpjg></cpjg>

      <mytop :title="{title:'我们的服务'}">
        <!-- 模板功能 -->
        <div slot="content">
          起飞页不仅是一个方便快捷的构建网站的自助建站平台，更重要的是，我们为中国用户提供了更多贴心的服务：网站备案、自动备份、快速恢复以及网站代建服务。
          <br />我们使用了国内和香港最好的网络和云服务器，确保您的网站能够快速完美的呈现在访客面前。
        </div>
        <myfw></myfw>
      </mytop>

      <khpj></khpj>
    </div>

    <!-- 模板 -->
    <!-- <template id="lee"> </template>
    <template id="lee2"> </template>
    <template id="lee3"> </template>
    <template id="lee4"> </template>
    <template id="lee5"> </template> -->
    <!-- <template id="lee6"> </template> -->
    <!-- <template id="lee7"> </template> -->
    <!-- <template id="lee8"> </template> -->
    <!-- <template id="lee9"> </template> -->
    <template id="lee10"> </template>
  </body>
</html>
<script src="./js/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script src="./js/index.js"></script>
<script>
  new Vue({
    el: "#box",
  });
</script>
